<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>注册</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页面样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>
	<body>
		<header>
			<div class="container hBox">
				<a href="./index.html" target="_blank">
					<img src="../imgs/iocn/logo-white.png" alt="图片已损坏" />
				</a>
				<p>已有源码账号，<a href="./logun.html" target="_blank">立即登录</a></p>
			</div>
		</header>
		<main>
			<div>
				<form action="./logun.html" method="post">
					<h1>欢迎注册</h1>
					<h2>百款接口免费试用</h2>
					<p class="gift">
						<img src="../imgs/iocn/reg-gift.png" alt="" />
						<span>注册即送300元大礼包</span>
					</p>
					<!-- 用户名 -->
					<p class="username">
						<input
							id="username"
							type="text"
							name="username"
							placeholder="用户名（6-20位字母数字）"
						/>
						<span id="un"></span>
					</p>
					<!-- 电话号码 -->
					<p class="telephone">
						<input
							id="telephone"
							type="text"
							name="telephone"
							placeholder="请输入手机号码"
						/>
						<span></span>
					</p>
					<!-- 验证码 -->
					<p class="vft">
						<input
							id="verification"
							type="text"
							name="verification"
							id=""
							placeholder="请输入手机短信验证码"
						/>
						<button class="pr">获取验证码</button>
						<span></span>
					</p>
					<!-- 密码if -->
					<p class="paw">
						<input
							id="password"
							type="password"
							name="password"
							placeholder="请输入6至12位密码"
						/>
						<span></span>
					</p>
					<p class="agreement">
						<input type="radio" name="agreement" id="agreement" />
						我已阅读并接受
						<a href="#">《源码用户协议》</a>
						<a href="#">《源码隐私政策》</a>
					</p>
					<p class="ret">
						<button>立即注册</button>
					</p>
				</form>
			</div>
		</main>
	</body>
	<!-- 工具函数 -->
	<script src="../js/util.js"></script>
	<!-- 当前页函数 -->
	<script src="../js/register.js"></script>
</html>
